$(function (e) {
    //全局对象
    var QueryObj = {
        page: 1,
        pageSize: 4
    }
    var totalPage = 1;
    init();
    function init() {
        queryTopCategoryPaging();
        setFormValite();
    }


    // 获取一级分类数据
    function queryTopCategoryPaging() {
        $.get("/category/queryTopCategoryPaging", QueryObj, function (res) {
            // console.log(res);
            //计算总页数
            totalPage = Math.ceil(res.total / QueryObj.pageSize);
            var rows = res.rows;
            var htmlArr = ['<tr><th>序号</th><th>一级分类名称</th></tr>'];
            for (var i = 0; i < rows.length; i++) {
                htmlArr.push('<tr><td>' + ((QueryObj.page - 1) * QueryObj.pageSize + i + 1) + '</td><td>' + rows[i].categoryName + '</td></tr>')
            }
            $(".lt_data_tbl").html(htmlArr.join(''));
            setPage();
        })
    }


    //设置分页
    function setPage() {
        // 配置
        var options = {
            bootstrapMajorVersion: 3,// bootstrap为3.x版本的时候要声明
            alignment: "left",//左侧显示
            currentPage: QueryObj.page,//当前页数
            totalPages: totalPage,//总页数 注意不是总条数

            // 点击页码的时候触发
            onPageClicked: function (e, oe, type, page) {
                // event, originalEvent, type,page。
                // page 为被点击的页码
                QueryObj.page = page;
                queryTopCategoryPaging();
            }
        }

        // 初始化
        $(".pagination").bootstrapPaginator(options);
    }

    //验证表单
    function setFormValite() {
        // 对表单进行配置
        var $form = $('#ff').bootstrapValidator({
            /*校验插件默认会忽略  隐藏的表单元素
                  不忽略任何情况的表单元素*/
            //excluded:[],
            // 图标
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            // 要验证的字段
            fields: {
                // 分类名称-name属性
                categoryName: {
                    // 用户名的提示信息
                    // message: 'The username is not valid',
                    validators: {
                        // 不能为空
                        notEmpty: {
                            message: '分类名称不能为空'
                        },
                        // 提供给ajax回调使用
                        callback: {
                            message: "用户名不存在"
                        }
                    }
                }
            }
        });

        // 开始启用表单验证 满足验证要求的时候 自己执行
        $form.on('success.form.bv', function (e) {
            // 点击提交的时候  

            // 阻止默认提交事件
            e.preventDefault();

            // console.log(123);

            // 提交
            // addTopCategory(function (res) {
            //     // 关闭模态框
            //     $('#addCategoryBtn').modal('hide');
            //     // 刷新数据-已经更新了分页插件了 
            //     queryTopCategoryPaging();
            // });
        });
    }

    //添加一级分类
    function addTopCategory(callback) {
        var categoryName = $("#categoryName").val();
        var obj = { categoryName: categoryName }
        $.post("/category/addTopCategory", obj, function (res) {
            if(res.success){
                console.log("成功");
                callback && callback(res);
            }else{
                console.log(res.message);
            }
        })
    }

    //手动重置模态框
    $('#addCategoryBtn').on('hide.bs.modal', function (e) {
        $("#ff")[0].reset();
        // 重置验证信息
        $('#ff').data('bootstrapValidator').resetForm();
    })
})